<template>
  <view class="formview">
  	<uni-forms label-width="80">
  		<uni-forms-item v-for="(item1, index1) in formJson" :key="index1" :label="item1.options.label">
  			<uni-easyinput v-if="item1.type == 'input'" v-model="item1.options.defaultValue" :disabled="true" />
			<textarea v-if="item1.type == 'textarea'" v-model="item1.options.defaultValue" :disabled="true" auto-height />
			<uni-number-box v-if="item1.type == 'number'" v-model="item1.options.defaultValue" :disabled="true" />
			<uni-data-checkbox
			    v-if="item1.type == 'radio'" 
				v-model="item1.options.defaultValue" 
				:localdata="item1.options.optionItems"
				:disabled="true" 
			/>
			<uni-data-checkbox
			    v-if="item1.type == 'checkbox'" 
				multiple 
				v-model="item1.options.defaultValue" 
				:localdata="item1.options.optionItems"
				:disabled="true" 
			/>
			<uni-data-select
				v-if="item1.type == 'select'"
				v-model="item1.options.defaultValue"
				:localdata="item1.options.optionItems"
				:disabled="true"
			></uni-data-select>
			<picker mode="time" v-if="item1.type == 'time'" :value="item1.options.defaultValue" :disabled="true"></picker>
			<span v-if="item1.type == 'time-range'">
				{{item1.options.defaultValue ? item1.options.defaultValue[0] : ''}} 至
				{{item1.options.defaultValue ? item1.options.defaultValue[1] : ''}}
			</span>
			<uni-datetime-picker v-if="item1.type == 'date'" :type="item1.options.type" v-model="item1.options.defaultValue" :disabled="true" />
  			<span v-if="item1.type == 'date-range'">
  				{{item1.options.defaultValue ? item1.options.defaultValue[0] : ''}} 至
  				{{item1.options.defaultValue ? item1.options.defaultValue[1] : ''}}
  			</span>
			<switch v-if="item1.type == 'switch'" :checked="item1.options.defaultValue" :disabled="true" />
			<uni-rate v-if="item1.type == 'rate'" :value="item1.options.defaultValue" :max="item1.options.max" :disabled="true" />
			<slider 
			    v-if="item1.type == 'slider'" 
				:value="item1.options.defaultValue" 
				:min="item1.options.min"
				:max="item1.options.max"
				:step="item1.options.step"
				:disabled="true" 
			/>
  		</uni-forms-item>
  	</uni-forms>
  </view>
</template>
 
<script>
export default {
    props:{
	    formJson:{
	        type: Array,
	        default: []
	    },
	},
    data() {
        return {
            
        }
    }
}
</script>
 
<style scoped>
    .formview {
    	padding: 15px;
    	background-color: #fff;
    }
</style>